<template>
  <el-dialog
    v-model="dialogVisible"
    :destroy-on-close="true"
    :fullscreen="true"
    class="chat-form-dialog"
    style="padding: 0; --el-dialog-padding-primary: 0px; --el-message-close-size: 20px"
  >
    <ChatForm />
  </el-dialog>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import ChatForm from "./ChatForm.vue";

const dialogVisible = ref(false);

// 对外暴露方法
defineExpose({
  open() {
    dialogVisible.value = true;
  },
  close() {
    dialogVisible.value = false;
  }
});
</script>

<style lang="scss" scoped>
.chat-form-dialog-header {
  .chat-form-dialog-header-title {
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
  }
}
</style>
